Корпоративный сайт Vist Energy: делать сложное понятным

Клиент

Компания Vist Energy реализует проекты гелиосистем ― то есть систем, использующих энергию солнца. Это экономичный и экологичный способ получения электричества, который работает на простом в обслуживании оборудовании.

Совместно с партнерами из Италии и Германии компания создает индивидуальные проекты: от жилых домов до целого региона; помогает владельцам снизить потребление энергии, сделать его бесперебойным и экологичным.

Компания работает как в B2B, так и в B2C секторе: ее заказчики ― это предприятия, сельское хозяйство, жилые дома.

Цели и задачи

Компании, реализующей современные разработки и технологии, приближающей будущее семимильными шагами, требовалось представительство в интернете.

Аудитория Vist Energy ― это люди, которых интересует оборудование для бесперебойного питания, но далеко не все из них разбираются в сложных технологиях. Из-за этого им может быть трудно понять разницу между моделями систем и выгоду от применения технологии, а значит, и принять решение о сотрудничестве.

Поэтому основная задача сайта ― доступно представить проекты компании, приблизить их к аудитории

• понятно доносить информацию о сложном оборудовании:
• простым языком рассказывать о плюсах технологии,
• показывать на кейсах уже воплощенные проекты,
• сформировать имидж профессионала и новатора с высоким уровнем обслуживания.

Решение

Для решения этой задачи разработчики создали сайт компании, который доступно объясняет принцип работы систем и наглядно показывает само оборудование. Любой неподготовленный посетитель сайта должен без труда разобраться, откуда энергия приходит, где аккумулируется, что происходит, когда нет солнца и зачем всё это нужно.

Выбор платформы

     Богдан Лотарев,

     back-end разработчик Red Collar. 
   

Функционал

В разделе «Системы» демонстрируется сама гелиосистема, её модель, а уже внутри модели расположены схемы: от одной до трех в зависимости от погоды и времени суток. Всё это находится в одной входной точке: здесь собираются все необходимые для этого раздела сайта данные. Когда человек открывает страницу и начинает знакомиться с моделями солнечных систем, всё уже загружено, а значит сама страница не обновляется и сайт работает невероятно быстро.

Дизайн

Лаконичная структура. Структура сайта состоит всего из четырех страниц, которые содержат самое необходимое. Пользователь не должен плутать, а ответы на любые вопросы находятся в два клика.

Удобная навигация. Навигация по сайту упрощена благодаря удобным навигационным блокам на всех страницах.

Цвета и символика. Логотип компании схематично изображает солнечные батареи. Именно эти фигуры и выбрали дизайнеры агентства в качестве основного графического элемента и символа, расщепили их и использовали как навигационные элементы. Анимированные, нарисованные в нескольких теплых оттенках, они похожи на поток солнечной энергии.

Анимация. В такой серьезной теме важно не переборщить: сайт не должен казаться слишком необычным или легкомысленным. Приветственный слайд на главной странице дает эффект глубины и динамики. Этого добились при помощи параллакса изображения: фотография откликается на движение курсора и слегка смещается.

Кнопки при наведении курсора плавно заполняются белым цветом, подтверждая правильность действия.

Системы и схемы

Команда агентства тщательно проработала и разместила подробные схемы солнечных систем, чтобы потенциальный клиент мог легко понять принцип работы оборудования, а тема перестала сложной и пугать неизвестностью. Для этого собрали в единую систему 43 SVG-макета с подробной прорисовкой солнечных систем. Агентство позаботилось о том, чтобы качество изображений не зависело от размеров экрана просмотра: все они растягиваются и сжимаются на любой монитор, и мелкие детали хороши видны даже на смартфонах.

Каталог схем был структурирован для удобного поиска информации. Отказались от типовых грузных полотнищ с ценами, когда прайсы загружают в виде pdf-сканов, надо качать и искать нужный расчет стоимости. Принцип «кому надо — тот сам найдет» неверен. Информация должна быть легко доступна, всё должно находиться без проблем, а пользователь не должен раздражаться. Поэтому под каждой моделью находится индивидуальный прайс, краткий и понятный, отрисованный на фирменном бланке и даже дифференцированный по цветам в зависимости от типа системы.

Современный мобильный мир

Red Collar всегда за адаптивные сайты. И если клиенту подходят сроки и бюджет на создание дизайна для смартфонов и планшетов, а не только полноэкранной версии — с удовольствием их делает. Технологии и скорость интернета позволяют знакомиться с компаниями практически в любой точке планеты и в любое время суток. И как технологичная передовая компания, Vist Energy понимают это.

Система иконок

Наглядность текстовой информации, интуитивный, дополняющий содержание дизайн — это важные составляющие качественного сайта. Достаточно беглого взгляда на заголовок и рисунок, и уже знаешь о чем речь в тексте. Для этой цели дизайнеры придумали и нарисовали иконки с преимуществами систем. Например, бесшумность и экологичность.

Довольные клиенты

Раздел готовых проектов демонстрирует, насколько системы полезны, легки в использовании и экономичны. Кейсы разложены по целевой аудитории, для B2B и B2C сегментов:

• Предприятия
• Сельское хозяйство
• Жилые дома

Фотогалереи в карточках проектов организованы в виде удобных слайдеров, чтобы не удлинять страницу и одновременно привлечь пользователя к взаимодействию с сайтом.

Результаты

Команда Red Collar создала лаконичный и понятный сайт, отражающий суть Vist Energy — работу с солнечной энергией, источником питания будущего. При помощи сайта удалось сформировать верный образ серьезной и передовой компании.

Сайт взял бронзу в номинации «Строительство» конкурса Рейтинг Рунета 2017, что подтверждает качество проекта.

Слово заказчику

      А. А. Парфенов,

    генеральный директор Vist Energy.